<template>
  <div class="quxiao2dingdan">
    <div class="fanhuiljy4" @click="ljy4">
      <van-icon name="arrow-left"></van-icon>
    </div>
    <!--    司机取消订单-->
    <div class="quxiao2dingdan1" @click="copyValue('司机取消订单\n'+
'1. 行程开始前，司机判断乘客可能危害行程安全，可申请无责取消订单。\n'+
'2. 行程进行中，如乘客出现威胁行程安全的行为，司机有权终止服务。\n'+
'3. 送达目的地后，如乘客出现熟睡不起、不愿下车等情况，司机可上报平台协同处理。\n'+
'4. 司机必须通过APP进行“申请取消”与“报备”。\n'+
'5. 司机有责取消的情况包括：迟到、未到达指定上车点、不按照平台要求提供服务等。\n'+
'6. 乘客可以在5分钟内取消订单，系统不会让乘客支付费用。司机到达后，等待超过5分钟，乘客取消需支付一部分费用给司机作为补偿。\n'+
'7. 滴滴允许用户在特定条件下无责取消订单，如司机未到达上车点或信息不符', $event)">
      <font size="3">司机取消订单</font>
    </div>
    <!--    内容-->
    <div class="quxiao2neirong">
      <font size="3">
        <p>&ensp;&ensp;&ensp;&ensp; 1. 行程开始前，司机判断乘客可能危害行程安全，可申请无责取消订单。</p>
        <p>&ensp;&ensp;&ensp;&ensp;  2. 行程进行中，如乘客出现威胁行程安全的行为，司机有权终止服务。</p>
        <p>&ensp;&ensp;&ensp;&ensp; 3. 送达目的地后，如乘客出现熟睡不起、不愿下车等情况，司机可上报平台协同处理。</p>
        <p>&ensp;&ensp;&ensp;&ensp;4. 司机必须通过APP进行“申请取消”与“报备”。</p>
        <p>&ensp;&ensp;&ensp;&ensp;  5. 司机有责取消的情况包括：迟到、未到达指定上车点、不按照平台要求提供服务等。</p>
        <p>&ensp;&ensp;&ensp;&ensp;6. 乘客可以在5分钟内取消订单，系统不会让乘客支付费用。司机到达后，等待超过5分钟，乘客取消需支付一部分费用给司机作为补偿</p>
        <p>&ensp;&ensp;&ensp;&ensp;  7. 滴滴允许用户在特定条件下无责取消订单，如司机未到达上车点或信息不符</p>
      </font>
    </div>
    <BottomPanel/>
  </div>
</template>

<script>
import BottomPanel from "@/views/bottomPanel.vue";
import handleCopy from '@/utils/clipboard'
import {Notify} from "vant";

export default {
  components: {BottomPanel},
  methods:{
    copyValue(text, e){
      let value=text  //这里设置你要复制的文本信息，可以是text，也可以从e中获取，也可以自定义
      handleCopy(value, e, ()=>{
        console.log("这是复制成功回调函数")
        Notify({type: 'success', message: '复制成功！'});
      },()=>{
        console.log("这是复制失败回调函数")
      })
    },
    ljy4(){
      this.$router.push({path: '/guide'})
    }

  }
}
</script>


<style>
.quxiao2dingdan{
  width: 100%;
  height: 100vh;
}
.fanhuiljy4{
  height: 50px;
  line-height: 50px;
  font-size: 20px;
}
</style>